<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>管理系统</title>
	<meta name="Robots" content="All" />
	<meta http-equiv='content-language' content='zh-CN'>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<script src="./style/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="./style/css/element-ui.css">
	<link rel="stylesheet" href="./style/css/animate.min.css" />
	<script src="./style/js/element-ui.js"></script>
	<script src="./style/js/axios.min.js"></script>
	<link rel="stylesheet" href="./style/css/index.css" />
</head>
<body>
<div id="app">
<el-container>
  <el-header>
	  <el-menu
	    :default-active="activeIndex1"
	    class="el-menu-demo"
	    mode="horizontal"
	    @select="handleSelect"
	    background-color="#545c64"
	    text-color="#fff"
	    active-text-color="#ffd04b">
		<el-menu-item>
			<h1 class="title">森信管理系统</h1>
		</el-menu-item>
		
	    <el-menu-item index="1">工作台</el-menu-item>
	    <el-submenu index="2">
	      <template slot="title">管理选项</template>
	      <el-menu-item index="2-1">选项1</el-menu-item>
	      <el-menu-item index="2-2">选项2</el-menu-item>
	      <el-menu-item index="2-3">选项3</el-menu-item>
	    </el-submenu>
	  </el-menu>
	  
  </el-header>
  <el-container>
    <el-aside width="200px">
		 <el-col :span="12">
		    <el-menu
		      default-active="1"
		      class="el-menu-vertical-demo"
		      @open="handleOpen"
		      @close="handleClose"
		      background-color="#545c64"
		      text-color="#fff"
		      active-text-color="#ffd04b">
			  
		      <el-menu-item index="1" @click="open('main')">
		        <i class="el-icon-menu"></i>
		        <span slot="title">总览</span>
		      </el-menu-item>
			  
		      <el-submenu index="2">
		        <template slot="title">
		          <i class="el-icon-s-goods"></i>
		          <span>采购</span>
		        </template>
		        <el-menu-item-group>
		          <template slot="title">录入数据</template>
		          <el-menu-item index="2-1" @click="open('新品录入')">新品录入</el-menu-item>
				  <el-menu-item index="2-2" @click="open('收货录入')">收货录入</el-menu-item>
		        </el-menu-item-group>
		        <el-menu-item-group title="新品管理">
		          <el-menu-item index="2-3" @click="open('设置新品')">设置新品</el-menu-item>
		        </el-menu-item-group>
				
		      </el-submenu>
			  
			  <el-submenu index="3">
			    <template slot="title">
			      <i class="el-icon-s-shop"></i>
			      <span>销售</span>
			    </template>
			    <el-menu-item-group>
			      <template slot="title">新品管理</template>
			      <el-menu-item index="3-1" @click="open('新品上架')">新品上架</el-menu-item>
			      <el-menu-item index="3-2" @click="open('店铺管理')">店铺管理</el-menu-item>
			      <el-menu-item index="3-3" @click="open('商品管理')">商品管理</el-menu-item>
			    </el-menu-item-group>
			  </el-submenu>
			  
			  <el-submenu index="4">
			    <template slot="title">
			      <i class="el-icon-s-promotion"></i>
			      <span>发货</span>
			    </template>
			    <el-menu-item-group>
			      <template slot="title">商品发货</template>
			      <el-menu-item index="4-1" @click="open('发货录入')">发货录入</el-menu-item>
			      <el-menu-item index="4-2" @click="open('发货管理')">发货管理</el-menu-item>
			    </el-menu-item-group>
			  </el-submenu>
			  
			  <el-submenu index="5">
			    <template slot="title">
			      <i class="el-icon-phone"></i>
			      <span>售后</span>
			    </template>
			    <el-menu-item-group>
			      <template slot="title">售后管理</template>
			      <el-menu-item index="5-1" @click="open('新建售后单')">新建售后单</el-menu-item>
			      <el-menu-item index="5-2" @click="open('管理售后单')">管理售后单</el-menu-item>
			    </el-menu-item-group>
			  </el-submenu>
			  
		      <el-submenu index="6">
				<template slot="title">
		          <i class="el-icon-setting"></i>
				  <span>设置</span>
				</template>
				<el-menu-item-group>
				  <template slot="title">商品</template>
				  <el-menu-item index="6-1" @click="open('商品属性')">商品属性</el-menu-item>
				</el-menu-item-group>
				<el-menu-item-group>
				  <template slot="title">店铺</template>
				  <el-menu-item index="6-1" @click="open('店铺属性')">店铺属性</el-menu-item>
				</el-menu-item-group>
			  </el-submenu>
		    </el-menu>
		  </el-col>
		
	</el-aside>
    <el-main>
		<iframe class="iframe" :src="'./admin/'+site+'.html'" frameborder="0"></iframe>
	</el-main>
  </el-container>
</el-container>

</div>

<script type="text/javascript">
new Vue({
el: '#app',
data() {
	return {
		activeIndex1: '1',site:"main"
	}
}
,methods: {
	open(site){
		this.site = site;
	},
	handleSelect(key, keyPath) {
	    console.log(key, keyPath);
	},
	handleOpen(key, keyPath) {
	    console.log(key, keyPath);
	},
	handleClose(key, keyPath) {
	    console.log(key, keyPath);
	}
},mounted:function(){
	//window.open("login.html")
},created(){
	
}
})

</script>
</body>
</html>
